<?
$JO[ "Account"			] = JO( array( "EN" => "Account",																	"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Tài Khoản"		) );
$JO[ "IWantTo"			] = JO( array( "EN" => "I want to...",																"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Tôi muốn..."		) );
$JO[ "FindMyAcc"		] = JO( array( "EN" => "Find My Account",															"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Tìm tài khoản của tôi"		) );
$JO[ "CreateAcc"		] = JO( array( "EN" => "Create An Account",															"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Tạo Một Tài Khoản"		) );
$JO[ "Mail"				] = JO( array( "EN" => "Mail",																		"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Thư Điện Tử"		) );
$JO["quest"]=JO( array( "EN" => "Secret Question","VI"=>"Câu Hỏi Bí Mật"));
$JO["old_pass"]=JO( array( "EN" => "Old Password","VI"=>"Mật Khẩu Cũ"));
$JO["new_pass"]=JO( array( "EN" => "New Password","VI"=>"Mật Khẩu Mới"));
$JO["retype Password"]=JO( array( "EN" => "Re-type Password","VI"=>" Lặp Lại Mật Khẩu Mới"));
$JO["answer"]=JO( array( "EN" => "Secret Answer","VI"=>"Câu Trả Lời"));
$JO["ID"]=JO( array( "EN" => "Account","VI"=>"Tài Khoản"));
$JO[ "change"		] = JO( array( "EN" => "Change Password",																	"VI" => "Thay Đổi Mật Khẩu"		) );
$JO[ "update"		] = JO( array( "EN" => "Update Account",																	"VI" => "Cập Nhật Tài Khoản"		) );
$JO[ "avarta"		] = JO( array( "EN" => "Update Avarta",																	"VI" => "Cập Nhật Hình Đại Diện"		) );
$JO[ "MailMessage"		] = JO( array( "EN" => "Please input your mail which you've used to create your JukeOn™ account.",	"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Xin hãy nhập vào địa chỉ hộp thư mà bạn đã dùng để tạo tài khoản JukeOn™ của bạn."		) );
$JO[ "FindMyJukeOnAcc"	] = JO( array( "EN" => "Find My JukeOn™ Account",													"KO" => "ì•„í‹°ìŠ¤íŠ¸",	"VI" => "Tìm tài khoản JukeOn™ của tôi"		) );
$active="";
if(isset($_GET['SO_active']))
$active=$_GET['SO_active'];


		

?>

<div class="JO_page">

	<h1><?=$JO["Account"];?></h1>

	<h2>&nbsp;</h2>

	<h3>&nbsp;</h3>

</div>


<div class="JO_relative" style="width: 960px;">
<div class="JO_left">
  <div class="JO_box_240">
    <h1>
      <?=$JO[ "IWantTo" ] ?>
    </h1>
    <a
				href	= "?JO_unit=11_account<?= isset($_REQUEST[ "JO_account_return" ]) ? "&JO_account_return=" . $_REQUEST[ "JO_account_return" ] : "" ?>"
				class	= "JO_menu"
			>
    <?=$JO[ "CreateAcc" ]?>
    </a> <a
				href	= "?JO_unit=11_account<?= isset($_REQUEST[ "JO_account_return" ]) ? "&JO_account_return=" . $_REQUEST[ "JO_account_return" ] : "" ?>"
				class	= "JO_menu"
			>
    <?=$JO[ "update" ]?>
    </a> </div>
</div>
<div class="JO_left">
<form action="JO_05_execution.php" target="JO_integration_asynchronous" class="JO_bar_720" method="post">
<input type="hidden"					name="JO_query"			value="avarta"	/>
<input type="hidden" id="JO_find_query"	name="JO_find_query"	value=""			/>
<h1>
  <?=$JO[ "avarta" ] ?>
</h1>
<div>
  <table>
  
    <!--account-->
    <tr>
      <td width="100px">
      <img src="<?=isset($_SESSION[ "JO_account_image"		])?$_SESSION[ "JO_account_image"		]:""?>" /><br />
      <span style="margin-left:20px">
      <?php if(isset($_SESSION[ "JO_account_image"		]))
	  if( $_SESSION[ "JO_account_image"		]!="")
	  echo "Avarta Hiện Tại";
	  else
	  echo "Khôngu có avarta";
	  	  ?></span>
       </td>
      <td style		= "">
	  
	  <?php
								if(isset($JO_IE))
								if ($JO_IE == false) {?>
        <script src="JO_JS/droparea.js" type="text/javascript"></script> 
        <script type="text/javascript">
									$(document).ready(function() {
										$('.droparea').droparea({
													'post' : 'JO_011_upload_avarta.php',
													'init' : function(r){
											//console.log('my init',r);
										},
													'start' : function(r){
										//console.log('my start',r);
										},
													'error' : function(r){
										//console.log('my error',r);
										},
													'complete' : function(r){
										//console.log('my complete',r);
										}
										});
									});
								</script>
        <?php }?>
        <script type="text/javascript" src="JO_JS/ajaxfileupload.js"></script> 
        <script type="text/javascript">
                                function Init_page(){
                                    $("#fileToUpload").change( function(){
										return ajaxFileUpload();
										
                                    });
                                }
                                function change(){
                                    $("#fileToUpload").change( function(){
										$("#droparea").show(500);
										$("#txt_image").show(500);
										$("#droparea").show(500);
										$("#up").show(500);
										$("#no").show(500);
										$("#fileToUpload").hide(500);
										$("#chuthich").hide(500);
										
                                    });
                                }
								function change_ava(){
                                    
										$("#fileToUpload").show(500);
										$("#change_avarta").hide(500);
										
								}
                                $(document).ready(function() {
                                    Init_page();
                                });
                            
                                function ajaxFileUpload()
                                {
                                    $("#loading").show();
                                    
                                    $("#img_avatar").hide();
                            
                                    $.ajaxFileUpload
                                    (
                                        {
                                            url:'JO_011_01_register.php',
                                            secureuri:false,
                                            fileElementId:'fileToUpload',
                                            dataType: 'json',
                                            data:{name:'logan', id:'id'},
                                            success: function (data, status)
                                            {
												//$("#imgaccount").val(data.filename);
												//alert(data.filename);
                                                if(typeof(data.error) != 'undefined')
                                                {
                                                    if(data.error != '')
                                                    {
                                                        alert(data.error);
                                                        $("#loading").hide();
														
                                                    }else
                                                    {
                                                        //alert(data.error);
                                                        $('#droparea').html(unescape(data.msg));
                                                        $("#loading").hide();
														$("#imgaccount").val($("#img_avatar").attr("src"));
                                                    }
                                                    
                                                    Init_page();
                                                }
                                            },
                                            error: function (data, status, e)
                                            {
                                                alert(e);
                                            }
                                        }
                                    );
                                    
                                    return false;
                            
                                }
                                </script>
        <?php $s_file_name = "ma_".date("Ymd_Gis")."_avatar.jpg";?>
        <span id="chuthich">Tập tin phải có định dạng : "image/png", "image/gif", "image/jpeg","image/pjpeg","image/x-png<br />Tập Tin Có Dung Lượng Lớn Nhất Là 2MB</span>
         <div
                                        id			= "droparea"
                                        class		= "droparea thumb"
                                        data-width	= ""
                                        data-height	= ""
                                        data-type	= "jpg"
                                        data-crop	= "true"
                                        data-quality= "100"
                                        data-folder	= "image_account"
                                        data-value	= "<?=$s_file_name;?>"
                                        style="display:none;width:100px"
                                    > <img id="loading" src="loading.gif" style="display:none;position: absolute; top: 8px;left: 24px;">
          <div style="clear:both;"></div>
        </div><input type="hidden" id="imgaccount" name="imgaccount" value="<?=isset($_SESSION[ "JO_account_image"		])?$_SESSION[ "JO_account_image"		]:""?>"/>
        <div style="width:161px;padding-left:0;margin-left:4px">
        
        <div style="clear:both;"></div>
        
        <input id="fileToUpload" type="file" name="fileToUpload" style="width: 148px;display:none" class="input_selecti"   onChange="change()">
        
        	 <input type="submit" class="JO_button" value="Tải Ảnh" /> <input type="button" id="no" class="JO_button" style="" value="Chọn Ảnh" />
      
        </div>
   
        </td>
    </tr>
    <!--pass old-->
    
  </table>

  </form>
</div>
</div>
</div>
<script>
$('#xem').click(function(){
	$('#xem').hide(500)
	$('#tt').show(500)
	$('#txt_img').show(500)
	});
$('#tt').click(function(){
	$('#xem').show(500)
	$('#tt').hide(500)
	$('#txt_img').hide(500)
	});
$('#no').click(function(){
	$('#fileToUpload').show(500)
	$('#chuthich').show(500)
	$('#droparea').hide(500)
	document.getElementById('no').value="Chọn Lại"
	
	});
function submitform(F)
	{
		
		document.forms[F].submit();
		
	}
</script>